@import "@/views/dashboard/power/vars.scss";
.event-list {
	position: relative;
	width: 100%;
	height: calc(100% - $block-title-height);
	padding: 20px 0 10px;
	overflow: hidden;
	.scrollBarBox {
		width: 100%;
		height: calc(100% - 50px);
		padding-top: 30px;
		.box {
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
	}
	.list-row {
		align-items: center;
		height: 34px;
		padding-right: 20px;
		cursor: pointer;
		.prefix {
			width: 80px;
			padding: 0 40px 0 20px;
			.level-img {
				width: 40px;
				height: 23px;
				background-image: url("@public/images/decoration/power/32.png");
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
			}
			.level-1 {
				background-image: url("@public/images/decoration/power/32.png");
			}
			.level-2 {
				background-image: url("@public/images/decoration/power/33.png");
			}
			.level-3 {
				background-image: url("@public/images/decoration/power/34.png");
			}
		}
		.event-content {
			font-size: 14px;
			font-weight: 500;
			color: #ffffff;
		}
		.operate {
			width: 70px;
			font-size: 15px;
			font-weight: 500;
			color: #67ffffff;
			text-align: center;
			text-align: right;
			cursor: pointer;
			&:hover {
				opacity: 0.8;
			}
		}
	}
	.list-row:hover {
		background-color: #005593;
	}
	.list-row:nth-of-type(even) {
		background-color: #023364;
	}
	.list-row.alarming {
		.operate {
			color: #ffe11eff;
		}
	}
}
